@charset "utf-8";

.my_info {position: relative;overflow: hidden;height: 100px;padding: 15px 10px 15px 90px;margin-bottom: 10px;border-bottom: 1px solid #e0e0e0;background-color: #fff;box-sizing: border-box;}
.my_info img {position: absolute;top: 15px;left: 10px;width: 70px;height: 70px;overflow: hidden;border-radius: 50%;}
.my_info .user_info {padding-top: 15px;}
.my_truck_info .user_info {padding-top: 5px;}
.my_truck_info .truck_number {color: #999;}
.my_info .user_info::after {position: absolute;top: 50%;right: 10px;width: 8px;height: 15px;overflow: hidden;margin-top: -7px;background: url(../img/icon_other.png) -65px 0 no-repeat;background-size: 73px 15px;content: "";}
.my_info .user_info .name {font-size: 16px;}
.my_info .user_info .icon_star {position: relative;display: inline-block;width: 75px;height: 15px;margin-left: 10px;vertical-align: middle;font-size: 0;background: none;}
.my_info .user_info .icon_star::after,
.my_info .user_info .icon_star::before {position: absolute;top: 0;left: 0;width: 75px;height: 15px;background: url(../img/icon_info_truck.png) 0 -45px no-repeat;content: "";background-size: 118px 106px;z-index: 1;}
.my_info .user_info .icon_star::before {background-position: 0 -25px;z-index: 2;}
.my_info .user_info .star_0::before {width: 0px;}
.my_info .user_info .star_1::before {width: 15px;}
.my_info .user_info .star_2::before {width: 30px;}
.my_info .user_info .star_3::before {width: 45px;}
.my_info .user_info .star_4::before {width: 60px;}
.my_info .user_info .star_5::before {width: 75px;}
.my_info .user_info .company {font-size: 12px;color: #999;}
.my_info .user_info .company .icon {vertical-align: -2px;}

.my_info_option {overflow: hidden;margin-bottom: 10px;border-top: 1px solid #e0e0e0;background-color: #fff;}
.my_info_option li {position: relative;float: left;width: 25%;height: 100px;overflow: hidden;padding-top: 65px;text-align: center;border: solid #e0e0e0;border-width: 0 1px 1px 0;box-sizing: border-box;color: #333;}
.my_info_option li:nth-child(4) {border-left: 0 none;}
.my_info_option li .icon {position: absolute;top: 20px;left: 50%;width: 40px;height: 40px;margin-left: -20px;background: url(../img/icon_setting.png) 0 0 no-repeat;background-size: 175px 130px;}
.my_info_option li .icon_my_info_2 {background-position: -45px 0;}
.my_info_option li .icon_my_info_3 {background-position: -90px 0;}
.my_info_option li .icon_my_info_4 {background-position: -135px 0;}
.my_info_option li .icon_my_info_5 {background-position: 0 -45px;}
.my_info_option li .icon_my_info_6 {background-position: -45px -45px;}
.my_info_option li .icon_my_info_7 {background-position: -90px -45px;}
.my_info_option li .icon_my_info_8 {background-position: -135px -45px;}
.my_info_option li .icon_my_info_9 {background-position: 0 -90px;}
.my_info_option li .icon_my_info_10 {background-position: -45px -90px;}

.my_truck_info {overflow: visible;margin-bottom: 54px;}
.my_truck_info .contact_info {position: absolute;bottom: -46px;left: 0;right: 0;overflow: hidden;background-color: #fff;border-bottom: 1px solid #e0e0e0;}
.my_truck_info .contact_info a {float: left;width: 50%;height: 44px;overflow: hidden;padding-top: 13px;text-align: center;box-sizing: border-box;color: #666;}
.my_truck_info .contact_info .icon {vertical-align: middle;margin-right: 3px;}
.my_truck_info .contact_info a+a {border-left: 1px solid #e0e0e0;}
.my_truck_info_list {overflow: hidden;margin-bottom: 20px;padding:5px 10px;border: solid #e0e0e0;border-width: 1px 0;background-color: #fff;}
.my_truck_info_list li {position: relative;overflow: hidden;padding: 2px 0 2px 80px;color: #999;}
.my_truck_info_list li span {position: absolute;top: 2px;left: 0;}
.my_truck_info_list li em {color: #333;}

.btn_shipment {display: block;width: 92%;height: 40px;overflow: hidden;margin: 0 auto;line-height: 40px;text-align: center;font-size: 15px;color: #fff;background-color: #ff8800;box-sizing: border-box;border-radius: 5px;}

.select-bank{
	text-align: left;
}
.select-bank h4{
	display: inline;
	width: 250px;

}
.slect-map{
	position: absolute;
    left: 20px;
    top: 20px;
    z-index: 100;
    width: 90%;
}
#complete{
	width: 100%;
}
.search {
    z-index: 6201;
    left: 15px;
    top: 15px;
}
.searchbox {
    position: relative;
    z-index: 2201;
   
    height: 45px;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.15);
    border-radius: 3px;
}
.searchbox .logo {
    display: block;
    position: absolute;
    top: 6px;
    left: 8px;
    width: 34px;
    height: 34px;
    z-index: 99999;
    cursor: pointer;
}
.searchbox .iptbox {
    position: absolute;
    left: 5px;
    top: 0;
    width: 100%;
    height: 45px;
    box-sizing: border-box;
    z-index: 2202;
    border-radius: 2px;
}
.searchbox #searchipt {
    position: absolute;
    top: 12.5px;
    left: 0;
    box-sizing: border-box;
    text-indent: 2px;
    z-index: 2200;
    border: none;
    width: 219px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    letter-spacing: .5px;
    font-size: 14px;
}
.icon-add, .icon-reduce, .unselected, .usel {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    position: relative;
    top: -20px;
    /* right: 10px; */
    display: inline;
    float: right;
}
.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-search:before {
    content: "\e608";
}
#searchloading {
    position: absolute;
    top: 15px;
    right: 16px;
    z-index: 2212;
    display: none;
}
.ring {
    height: 13px;
    width: 13px;
    border: 0 solid #ccc;
    border-radius: 100%;
    border-bottom-color: transparent;
    border-width: 1px;
    background: 0 0;
    -webkit-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear;
    -webkit-font-smoothing: subpixel-antialiased;
}
.search_box .icon_map_search {
   
    background: url(../img/icon_zoom.png) 0 0 no-repeat;
    background-size: 13px 13px;
    transition: all 200ms linear;
    z-index: 200;
}
.next-title{
	font-size: 17px!important;
}

#code_arrow,#code_arrow1{
	
    width: 94px;
    height: 44px;
    background: #0075c2;
    border: 1px solid #e5e5e5;
    /* border-left: none; */
    position: relative;
    /* top: 50%; */
    /* right: 0; */
    /* margin: -48px -20px 0 0; */
    cursor: pointer;
    /* line-height: 88px; */
    font-size: 36px;
    font-family: Times;
    text-align: center;
    color: #fff;
    visibility: visible;
    left: 44%;
}
.search-warp{
    margin: 10px 10px;
}
.search-warp .usel{
    position: absolute;
    top: -1px;
    right: 0px;
    display: inline;
    height: 88px;
    width: 88px;
}
.search-warp .icon_map_search{
    position: relative;
    top: 15px;

}
.search-result{
    top: 15px;
    margin: 10px 10px;
}
.search-result 
.map-title{
    
}
.map-addr{
    overflow-y: auto;
    color: #ccc;
}
.search-result .item{
    overflow-y: auto;
    white-space: normal;
}
.search-result .item .button{
   position: absolute;
   top: 30%;
}

.search-page{
    text-align: right;
    width: 100%;
}
.search-footer{
    background-image: none;
}